<jsp:include page="layout/header.jsp">
	<jsp:param name="title" value="Install web developer tools" />
	<jsp:param name="description" value="" />
	<jsp:param name="keywords" value="" />
	<jsp:param name="page" value="home" />
</jsp:include>

<div id="content">
	<div id="content_inner">
		<div id="maincontent">
			<div id="faq">
				<h2 class="title">Install "web developer tools"</h2>
				<div class="faq-detail">
					<div class="install-web-developer-tools">
						<div>
							<p>
								We highly recommend using Web Developer Tools like the famous <a
									href="https://addons.mozilla.org/de/firefox/addon/firebug/"
									target="_blank">Firebug plugin</a> for Firefox. Other browsers
								like Chrome, Opera or Safari include very similar
								functionalities. Using these tools you have the possibility of
								easily to get the CSS selector in your browser
							</p>
							<p>
								<strong>Get the selector</strong>
							</p>
							<p>Bring up Firebug by right-clicking on an interesting
								element and choosing "Inspect Element". On the left side you see
								the html-structure of your document (make sure you have the
								HTML-Tab enabled). Here you can get the right css selector.</p>
							<p class="faq-img">
								<img src="images/firebug.png" class="img-full-width" /> <span>Firebug
									panel</span>
							</p>
							<p>
								<strong>More Resources</strong>
							</p>
							<ul>
								<li><a
									href="https://addons.mozilla.org/firefox/addon/firebug/">Firebug
										for Firefox</a>
								</li>
								<li><a
									href="http://sixrevisions.com/tools/firebug-guide-web-designers/">Firebug
										Guide for Web Designers</a>
								</li>
								<li><a href="http://code.google.com/chrome/devtools/">Chrome
										Developer Tools</a>
								</li>
								<li><a
									href="http://www.html5rocks.com/en/tutorials/developertools/part1/">HTML5
										Rocks - Introduction to Chrome Developer Tools</a>
								</li>
								<li><a
									href="http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/">Paul
										Irish - A Re-introduction to the Chrome Developer Tools</a>
								</li>
								<li><a
									href="http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/Safari_Developer_Guide/DebuggingYourWebsite/DebuggingYourWebsite.html">Safari
										Developer Tools</a>
								</li>
								<li><a href="http://www.opera.com/developer/tools/">Opera
										Developer Tools</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<%@ include file='/layout/footer.jsp'%>